<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="style/factory_layout.css">
<link rel="stylesheet" type="text/css" href="style/factory_ordertable.css">
<link rel="stylesheet" type="text/css" href="style/factory_topStyle.css">
<link rel="stylesheet" type="text/css" href="style/stats_layout.css">
<script src="script/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
<script src="script/chartMenuOnOff.js" type="text/javascript" charset="utf-8"></script>
<script src="script/creanMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/saltingMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/seasoningMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/wrapMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/selectWorkConditionAction.js" type="text/javascript" charset="utf-8"></script>
<script src="script/commandMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/adminMenuScript.js" type="text/javascript" charset="utf-8"></script>
<script src="script/empManage.js" type="text/javascript" charset="utf-8"></script>
<script src="script/clickLeftStatsAction.js" type="text/javascript" charset="utf-8"></script>
<script src="script/orderTableClickAction.js" type="text/javascript" charset="utf-8"></script>
<script src="script/chart1st.js" type="text/javascript" charset="utf-8"></script>
<script src="script/chart2nd.js" type="text/javascript" charset="utf-8"></script>
<script src="script/chart3rd.js" type="text/javascript" charset="utf-8"></script>
<script src="script/highcharts.js" type="text/javascript" charset="utf-8"></script>
<script src="script/highcharts.src.js" type="text/javascript" charset="utf-8"></script>
<script src="script/exporting.js" type="text/javascript" charset="utf-8"></script>
<script src="script/livechart.js" type="text/javascript" charset="utf-8"></script>
<script src="script/mainMenuScript.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<span id="top_div"></span>
<p id="topmenubar">
<span id="cleanmenu" class="topmenu">세척공정</span>
<span id="saltingmenu" class="topmenu">절임공정</span>
<span id="seasoningmenu" class="topmenu">양념공정</span>
<span id="wrapmenu" class="topmenu">포장공정</span>
<span id="adminmenu" class="topmenu">통계보기</span>
<c:if test="${sessionScope.rvo.emp_no==1}">
<span id="command" class="topmenu">정보입력</span>  
<span id="empManage" class="topmenu">사원관리</span>  
</c:if>
</p>
<div id="container">
<img id="backimage" src="image.factory/back.jpg">
</div>


<!-- 사원관리 테이블 -->
<div id="empManageTable">
</div>
<!-- 사번관리 테이블 여기까지 -->

<!-- 작업지시 테이블  -->
<div id="orderInfoTable">
<table>
	<caption id="orderCaption">일별 작업지시 정보</caption>
	<thead id="orderthead">
	<tr>
		<th class="orderth">지시번호</th>
		<th class="orderth">작업시작시간</th>
		<th class="orderth">지시수량</th>
		<th class="orderth">작업완료</th>
		<th class="orderth">작업진행도</th>
	</tr>
	</thead>
	<tbody id="ordertbody">
	<tr class="ordertr">
		<td class="orderNo"></td>
		<td id="startTime"></td>
		<td id="orderQuantinity"></td>
		<td id="completeQuantinity"></td>
		<td id="statusProcess"></td>
	</tr>	
	</tbody>	
</table>
</div>
<!-- 작업지시 테이블 여기까지 -->

<!-- 공정현황 테이블 -->
<div id="staionStatusTable">
<table>
	<caption>공정현황</caption>
	<thead>
	<tr><th>공정 단계</th><th class="stationSatusTableSatus"></th>
	</tr>
	</thead>
	<tbody>
	<tr><td>작업전</td><td id="waitCount"></td>
	</tr>
	<tr><td>작업완료</td><td id="completeCount"></td>
	</tr>
	<tr><td>불량</td><td id="errorCount"></td>
	</tr>	
	</tbody>
	<tfoot>
	<tr><td>TOTAL</td><td id="statusTotal"></td>
	</tr>
	</tfoot>
</table>
</div>
<!-- 공정현황 테이블 여기까지 -->

<!-- 공정현황 테이블 -->
<div id="orderStatusTable">
<table>
	<caption>불량 세부 현황</caption>
	<thead>
	<tr><th>불량 세부 정보</th><th>수량</th>
	</tr>
	</thead>
	<tbody id="errordetail">
	</tbody>
</table>
</div>
<!-- 공정현황 테이블 여기까지 -->


<!-- 세부공정정보 테이블 -->
<div id="wipTable">
<table>
	<caption>공정 내 세부상황</caption>
	<thead>
		<tr>
		<th>제품번호</th>
		<th>작업공정</th>
		<th>작업상황</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="3"><textarea rows="8" readonly="readonly" cols="26" id="textArea">
			</textarea></td>
		</tr>		
	</tbody>
</table>
</div>
<!-- 세부공정정보 테이블 여기까지-->

<!-- 통계메뉴 클릭시 새로운 레이아웃 시작 -->
<div id="statsLeftMenu">
<ul>
	<li class="statsLi">주간 불량 추세표</li>
	<li class="statsLi">누적 불량 정보</li>
	<li class="statsLi">주간 생산량</li>
	<li class="statsLi">불량 상세 정보</li>
</ul>
</div>
<!-- 통계메뉴 클릭시 새로운 레이아웃 여기까지 -->

<!-- 통계메뉴의 차트를 위한 div -->
<div id="chart1st"></div>
<div id="chart2nd"></div>
<div id="chart3rd"></div>
<div id="livechart"></div>
<!-- 통계메뉴의 차트를 위한 div 여기까지-->

<!-- 관리자 재고 및 작업지시 정보 입력 테이블 -->
<div id="commandTableDiv">
<table id="commandTable">
<caption>일일작업지시 입력</caption>
	<thead>
		<tr>
		<th>작업지시번호</th>
		<th>작업지시날짜</th>
		<th>작업지시수량</th>
		</tr>
	</thead>
	<tbody>
		<tr>
		<td id="commandWorkOrderNo"></td>
		<td class="commandWorkOrderDate"></td>
		<td>
			<select name="workorder_quantity">
				<option value="0">작업수량선택</option>
				<option value="100">100</option>
				<option value="200">200</option>
				<option value="300">300</option>
				<option value="400">400</option>
				<option value="500">500</option>
				<option value="600">600</option>
				<option value="700">700</option>
				<option value="800">800</option>
				<option value="900">900</option>
				<option value="1000">1000</option>
			</select>
		</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
		<td id="commandWorkOrderRegInfo" colspan="2"></td>
		<td><input type="button" value="정보입력" id="commandWorkOrderRegBtn"></td>
		</tr>
	</tfoot>
</table>
</div>

<div id="regInventoryTableDiv">
<form id="regInventoryForm">
<table>
<caption>재고정보 등록</caption>
<thead>
	<tr>
		<th>품목</th><th>입고날짜</th><th>거래처</th><th>수량</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td>
		<select name="material_name">
			<option value="">재고선택</option>
			<option value="배추">배추</option>
			<option value="소금">소금</option>
			<option value="양념">양념</option>
			<option value="박스">박스</option>
		</select>
		</td>
		<td class="commandWorkOrderDate"></td>
		<td id="commandInputComanyTd"></td>
		<td><input width="4" type="text" name="input_quantity"></td>
	</tr>
</tbody>
<tfoot>
	<tr>
		<td></td>
		<td colspan="3">
			<input type="button" id="regMaterialBtn" value="입력된 정보로 재고 등록">
		</td>
	</tr>
</tfoot>
</table>
</form>
</div>
<div id="infoInventoryTableDiv">
</div>
<table id=infoInventoryTableDiv1>
<tr><td>
	<div id="errorinfovotable">
	<table>
		<thead>
		<tr>
			<td>불량발생일</td><td>공정이름</td><td>불량정보</td><td>입고일</td><td>재료명</td><td>거래처</td>
		</tr>
		</thead>
		<tbody id="errorinfovotabletr">
		</tbody>
	</table>
	</div>
</td></tr>
</table>
<!-- 관리자 재고 및 작업지시 정보 입력 테이블 여기까지-->

<!-- 웰컴페이지 이미지 처리 -->
<div id="workingback">
<img src="image.factory/working.gif">
</div>
<div id="working1"><img id="working1img"  src=""></div>
<div id="working2"><img id="working2img"  src=""></div>
<div id="working3"><img id="working3img"  src=""></div>
<div id="working4"><img id="working4img"  src=""></div>
<p id="logoutText">로그아웃</p>
<!-- MES 데모 플레이를 위한 입력 테이블 -->
<br><br><br><br>
<hr>
<table>
<caption>작업현황 입력</caption>
	<tr id="wiptr1">
	<td>공정단계</td><td>작업지시번호</td><td>작업처리</td><td></td>
	</tr>
	<tr id="wiptr2">	
	<td class="stationSatusTableSatus"></td>
	<td class="orderNo"></td>
	<td><select id="selectWorkCondition"><option value="완료">정상완료</option><option value="bad">불량발생</option></select> </td>
	<td><input type="button" value="등록" id="registerWorkBtn"></td>
	<tr>
</table>
</body>
</html>